<template>
	<!-- 总资产 -->
	<view class="px-[32rpx] pt-[44rpx] bg-[#F7F7F7] " >
		<view class="relative">
			<img src="@/static/images/img/zzc.png" class="w-[100%] h-[230rpx]" />
			<view class="absolute top-0 left-0 w-full h-full flex flex-col mt-[-36rpx] justify-center items-center px-[30rpx]">
				<view class="text-[24rpx] text-[#FFEFB8] font-[500]">我的资产(元)</view>
				<view class="text-[48rpx] text-[#FFFFFF] font-[500] mt-[12rpx]">0.00</view>
			</view>
		</view>
		
		<view class="w-[100%]  pt-[36rpx] pb-[46rpx] bg-[#FFFFFF] mt-[-58rpx] rounded-[20rpx] relative z-[1]">
			<view class="mt-[30rpx] pl-[36rpx] pr-[34rpx] ">
				<view class="font-[500] text-[28rpx] text-[#333333] leading-[40rpx] text-left font-[PingFangSC]">账户余额</view>
				<view style="border-bottom: 2rpx solid #EDEDED;" class="flex justify-between items-center  mt-[24rpx]  pb-[36rpx] ">
					<view class="font-[400] text-[28rpx] text-[#999999] leading-[40rpx] text-left font-[PingFangSC]">可用于推广，批发消耗</view>
					<view class="flex ">
						<view class="font-[500] text-[28rpx] leading-[40rpx] text-[#000000] ">{{ userStore.balance }}</view>
						<view  @click="push('/pages_qc/yue/yue')" class="text-[28rpx] ml-[14rpx]">></view>
					</view>

				</view>
			</view>
			<view class="mt-[30rpx] pl-[36rpx] pr-[34rpx] ">
				<view class="font-[500] text-[28rpx] text-[#333333] leading-[40rpx] text-left font-[PingFangSC]">保障金额</view>
				<view style="border-bottom: 2rpx solid #EDEDED;" class="flex justify-between items-center  mt-[24rpx]  pb-[36rpx] ">
					<view class="font-[400] text-[28rpx] text-[#999999] leading-[40rpx] text-left font-[PingFangSC]">可用于贸易，交易保障</view>
					<view class="flex ">
						<view class="font-[500] text-[28rpx] leading-[40rpx] text-[#000000] ">{{ userStore.deposit }}</view>
						<view @click="push('/pages_qc/recharge/recharge')" class="text-[28rpx] ml-[14rpx]">></view>
					</view>

				</view>
			</view>
			<!-- <view class="mt-[30rpx] pl-[36rpx] pr-[34rpx] ">
				<view class="font-[500] text-[28rpx] text-[#333333] leading-[40rpx] text-left font-[PingFangSC]">账户余额</view>
				<view style="border-bottom: 2rpx solid #EDEDED;" class="flex justify-between items-center  mt-[24rpx]  pb-[36rpx] ">
					<view class="font-[400] text-[28rpx] text-[#999999] leading-[40rpx] text-left font-[PingFangSC]">可用于推广，批发消耗</view>
					<view class="flex">
						<view class="font-[500] text-[28rpx] leading-[40rpx] text-[#000000] ">0.00</view>
						<view class="text-[28rpx] ml-[14rpx]">></view>
					</view>

				</view>
			</view> -->
			<view class="mt-[30rpx] pl-[36rpx] pr-[34rpx]  "@click="push('/pages_qc/collect_cars/index')">
				<view class="font-[500] text-[28rpx] text-[#333333] leading-[40rpx] text-left font-[PingFangSC]">收车比武</view>
				<view  class="flex justify-between items-center  mt-[24rpx]  pb-[36rpx] ">
					<view class="font-[400] text-[28rpx] text-[#999999] leading-[40rpx] text-left font-[PingFangSC]">可用于线索，同城比武</view>
					<view class="flex ">
						<view class="font-[500] text-[28rpx] leading-[40rpx] text-[#000000] ">0.00</view>
						<view class="text-[28rpx] ml-[14rpx]">></view>
					</view>

				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'
import useUserStore from '@/store/modules/user';
const userStore = useUserStore();

	
</script>

<style lang="scss">
	
</style>
